.top-box {
    display: flex;
}

.top-left {
    width: 420px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.top-left>img {
    width: 400px;
    height: 400px;
    margin-bottom: 20px;
}

.top-left>ul {
    display: flex;
    margin-bottom: 20px;
}

.top-left>ul>li {
    margin: 0px 10px;
}

.top-center {
    width: 540px;
    padding: 10px;
    display: flex;
}

.top-right {
    width: 240px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.top-right>div:nth-child(1) {
    height: 240px;
    background-color: yellow;
}

.top-right>div:nth-child(2) {
    height: 240px;
    background-color: red;
}